草庐IT

CSS 背景

全部标签

javascript - 当 Microsoft Edge 中存在许多(以及更多)背景元素时,输入字段文本输入变得缓慢

HereisaJSFiddlethatdemonstrateswhatIdescribebelow我一直在尝试找出一个奇怪的Edge渲染问题。我无法重现该问题,但我已经能够重现一些我认为直接相关的奇怪行为。我在一些整页和一些页眉上使用了一个背景技巧,涉及创建一堆随机具有非常低不透明度(即几乎透明)的元素,然后随机变换它们。这有点愚蠢,但它在Firefox和Chrome中为我工作了一段时间,没有任何问题。我最近开始在Edge中进行测试(一般测试;没有关于背景的具体信息,我通常不会花时间思考),很快就注意到,随机地,鼠标悬停在简单的:hover上。样式转换(例如,使按钮背景颜色变暗)会导致

javascript - 通过 javascript 删除/重置 css 属性的正确方法是什么?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:howtoremovecsspropertyusingjavascript?我有这个javascript:vardiv=document.getElementById('myDiv');div.style.width='300px';div.style.height='200px';...等等……后来我面临着删除属性的需要(不改变它的值(value),真正删除意义:就像我之前没有设置过一样)我写了这样的代码:div.style.height=undefined;div.style.height=null;di

javascript - 插入带有 firefox 扩展名的本地 css 文件

我正在构建一个firefox扩展,需要将一些元素和css插入到文档中。我尝试关注HowcanaFirefoxextensioninjectalocalcssfileintoawebpage?和InsertingCSSwithaFirefoxExtension,但没有运气。我知道我遗漏了一些愚蠢的点,但我真的无法弄清楚它是什么,如果有人能指出给我,我将不胜感激。这是我的chrome.manifest:contenthelloworldcontent/overlaychrome://browser/content/browser.xulchrome://helloworld/content

javascript - 是否在所有浏览器都支持的协议(protocol)下链接到 CSS 或 JavaScript?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:CanIchangeallmylinkstojust//?我了解到我可以通过使用“//域/路径”格式来引用CSS和JavaScript,而不是具体说明应该通过HTTP还是HTTPS加载资源。示例:然后浏览器使用与当前页面相同的协议(protocol)(模式)加载资源。是否所有浏览器都支持它,如果不支持,哪些浏览器不支持它?

javascript - 加载后淡入背景图像(无 jquery),同时仍使用媒体查询替换不同屏幕尺寸的图像

我整晚都在看书,似乎无法就最好的方法是什么给出任何具体的答案。我知道起作用的两件事是:加载图片时淡入淡出:使用图像包装器和像这样的标签:CSS看起来像.imageWrapper{opacity:0}.loaded{opacity:1}然后在你的js文件中有类似的东西varimageLoaded=(img)=>{varimgWrapper=img.parentNode;imgWrapper.className+='loaded';}用于根据屏幕尺寸加载不同的图像@mediascreenonlyand(min-device-width:0)and(max-device-width:450p

javascript - CSS 网格布局 - 如何使用 javascript 计算出鼠标所在的网格单元格?

“css网格布局”=https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout有谁知道用javascript来计算鼠标当前所在的列/行?我猜这样的事情是获取鼠标所在单元格的开始,但这只对大小相等的网格有用。MouseGridColumn=round(mouseX/(gridContainerWidth/gridTotalColumnsNumber))MouseGridRow=round(mouseY/(gridContainerHeight/gridTotalRowsNumber))有没有办法对不相等的单元格执行此操

javascript - 快速图像加载方法,具有多个背景的低分辨率到高分辨率 - javascript 解决方案?

background-image:url('images/bg1.png'),url('images/speed/bg1.jpg');我正在尝试利用一个元素的多个背景图像选项来加载,首先,每个背景图像的快速、低分辨率版本在加载后将被更高质量的版本替换。有什么有效的解决方案吗?注:以下是一厢情愿而非实际问题;我认为这可能是一个很好的主题来固定查询。作为附带问题,有没有人知道使用这种想法的方法,而不是让图像从低分辨率过渡到渲染,并带有某种噪声效果,如果你明白我要去哪里接着就,随即。就好像每个图像都从普通噪声平滑到高清,获得分辨率,直到它在加载时达到适当的水平。我想我的意思是:“是否可以编写

javascript - Gulp.js - 在连接时重写嵌入在 css 中的 url

我正在使用Gulp连接来自不同目录的多个css文件(Bower管理的依赖项)。Font-awesome是这些依赖项之一,它包含对其字体的相对引用url(../font....)。当css文件被串联并放在不同的目录中时,这个相对url显然是错误的。是否有处理此问题的最佳做法? 最佳答案 你可以使用gulp-replace。https://npmjs.org/package/gulp-replace**gulp-replacecanbecalledwithastringorregex.***replace(string,replacem

javascript - 在实际位置/状态上中断/停止 CSS3 转换

我正在编写一个jQuery插件,通过CSS3Transitions为元素设置动画。在jQuery中有.stop()中断所选元素上的当前动画。知道如何停止正在运行的CSS3动画吗?有没有一种本地方法来处理这个问题,还是我必须测量动画,并将动画元素的样式设置为当前位置、颜色大小或其他?这是jQuery插件的当前状态:http://jsfiddle.net/meo/r4Ppw/我尝试将“-webkit-transition-duration”设置为0/none/false。但它不会停止动画。 最佳答案 无需深入了解您的插件,您可以重新使用

asp.net - 移动设备 Javascript/CSS 支持。外面有什么?

我即将开始一个针对iPhone、黑莓和WindowsMobile浏览器的ASP.NET应用程序。除了iPhone,我找不到太多关于这些平台支持哪些技术的信息。因为我习惯于为桌面浏览器开发,所以我喜欢使用jQuery和高级CSS功能等东西。看来我将无法在移动平台上使用这些东西。我想知道是否有人知道优秀的开发人员资源,我可以在其中找到适用于移动浏览器的资源(例如适用于移动设备的quirksmode.org)。据我所知,jQuery不适用于移动浏览器(iPhone除外)。有谁知道以某种形式将jQuery移植到移动浏览器的尝试吗?我说jQuery是因为这是我现有网站使用的,我想保持一致性,但如